<template>
    <div>
        <share-column-group :length="items.length">
            <template v-for="(item,index) in items" v-slot:[index]>
                <div :key="item.name">
                    {{ item.name }}
                </div>
            </template>
        </share-column-group>
    </div>
</template>

<script>

import ShareColumnGroup from "../../packages/shareColumnGroup/" 
export default {
    name:"ColumnGroup",
    components: { ShareColumnGroup },
    data(){
        return {
            items:[
                {
                    name:"name"
                },{
                    name:"code"
                },{
                    name:"pay"
                }
            ]
        }
    }
}
</script>

<style>

</style>